import React from 'react';
import { Loading } from '@alifd/next';
import LogTimeline from './LogTimeline';
import { useStore } from '@/hooks';
import { observer } from 'mobx-react-lite';

const Logs = ({ orderLogs }) => {
  const { dayCcOrderStore: store } = useStore();
  return (
    <Loading visible={toJS(store.loadingLogs)} style={{ width: '100%', height: '100%' }}>
      <div style={{ display: 'flex', flexDirection: 'row' }}>
        <LogTimeline
          title="按天包车日志"
          width="100%"
          dataSource={orderLogs}
        />
      </div>
    </Loading>
  );
};

export default observer(Logs);
